{include file="public/header"/}
<link rel="stylesheet" href="/public/static/admin/easyui/layui-v2.6.8/css/layui.css">
<link rel="stylesheet" type="text/css" href="/public/static/admin/easyui/jeasyui/themes/icon.css">
<style>
    #matchCon {
        width: 200px;
    }

    .container .grid-wrap {
        position: relative;
    }

    .ztreeDefault {
        background-color: #fff;
        border: 1px solid #D6D5D5;
        width: 265px;
        height: 416px;
        overflow-y: auto;
    }

    td.img {
        background: url("/css/img/no_pic.gif") center no-repeat
    }

    .number_sku {
        padding: 13px 13px 0 0;
        position: absolute;
        right: 10px;
        top: 12px;
    }

    .number_sku:hover {
        cursor: pointer;
    }

    td[aria-describedby=grid_name] {
        position: relative;
    }

    .add {
        background: #fff url("/css/img/number_sku.png") no-repeat
    }

    .plus {
        background: #fff url("/css/img/number_sku.png") no-repeat 0 -13px
    }

    .isCommon {
        display: inline-block;
        background-color: #ECE40F;
        color: #000;
    }

    .unCommon {
        display: inline-block;
        background-color: #CAC9C5;
        color: #000;
    }

    .ztree.showRoot li ul.level0 {
        /* background: url(./img/line_conn.gif) 0 0 repeat-y; */
        padding: 0 0 0 18px;
    }

    .ztree.showRoot li span.button.switch.level0 {
        visibility: visible;
        width: 18px;
    }

    .layui-form-select .layui-edge,
    .layui-form-checkbox[lay-skin=primary] i {
        padding: 0;
    }

    .layui-form-select dl dd.layui-this {
        background-color: #dcdcdc;
        color: #000;
    }

    .layui-form-checkbox[lay-skin=primary]:hover i {
        border-color: #38B3EB;
    }

    .layui-form-checked[lay-skin=primary] i {
        border-color: #38B3EB !important;
        background-color: #38B3EB;
    }

    .layui-input,
    .layui-select {
        height: 30px;
    }

    .tabImg:hover {
        width: 500px;
    }
</style>
<div class="container fix p20">
    <div class="mod-search m0 cf layui-form">
        <div class="fl">
            <ul class="ul-inline">
                <li>
                    <input type="text" id="matchCon" class="ui-input ui-input-ph" placeholder="请输入账户编号或名称" value="">
                </li>
                <li><a class="ui-btn mrb" id="search">查询</a><!-- <a class="ui-btn" id="refresh">刷新</a> -->
                </li>
            </ul>
        </div>
    </div>

   

    <div style="width: 100%;height: auto;">
        <div class="grid-wrap">
            <table id="grid">
            </table>
            <div id="page"></div>
        </div>
    </div>
</div>
<div id="initCombo" class="dn">
    <input type="text" class="textbox unitAuto" name="unit" autocomplete="off">
</div>

<script src="/public/static/admin/easyui/layui-v2.6.8/layui.js"></script>
<script type="text/javascript" src="/public/static/admin/easyui/jeasyui/jquery.easyui.min.js"></script>

<script>
    $(document).ready(function () {

       
        $("#grid").jqGrid({
            url: '/admin/basic/choose_account?ajax=100',
            datatype: "json",//数据来源，本地数据（local，json,jsonp,xml等）
            height: '250px',//高度，表格高度。可为数值、百分比或'auto'
            colNames: ["ID", "账户编号", "账户名称", "账户类别"],
            colModel: [
                { name: 'id', hidden:true },
                { name: 'sn', width: 120, lable: '账户编号', editable: false },
                { name: 'name', width: 250, lable: '账户名称', editable: false },
                { name: 'type', width: 150, lable: '账户类别', editable: false }
            ],
            rowNum: 10,
            rowList: [10, 20, 30],
            sortname: 'id',
            sortorder: "desc",
            pagerpos: "left",//分页位置
            multiselect:true,//自带多选
            //multiboxonly:true,//变成单选
            pgbuttons: true,//翻页按钮
            pagination: true,
            altRows: !0,
            gridview: !0,
            shrinkToFit: !1,
            cellLayout: 8,
            autowidth: !0,
            pager: "#page",
            viewrecords: !0,
            checkOnSelect: true,
            cmTemplate: {
                sortable: !1,
                title: !1
            },
            loadError: function (t, e, i) {
                parent.Public.tips({
                    type: 1,
                    content: "操作失败了哦，请检查您的网络链接！"
                })
            }
        });
    });
</script>
{include file="public/footer"/}